.wdu-collapse {
    .wdu-border-light();
    border-top: none;

    .wdu-collapse {
        border: none;
    }
}

.wdu-collapse-item {
    &__header {
        border-top: 1px solid rgb(239, 239, 239);
        display: flex;
        align-items: center;
        padding: 0 15px;
        position: relative;

        & > i {
            position: absolute;
            top: calc(50% - 10px);
            right: 10px;
        }
    }

    &__container {
        .wdu-bg-plain();
        height: 100%;
    }

    &__body {
        overflow: hidden;
        .wdu-transition-quick();
        .wdu-text-small();
    }
}

.wdu-collapse {
    &__normal {
        .wdu-collapse-item__header {
            height: 40px;
        }
    }

    &__small {
        .wdu-collapse-item__header {
            height: 30px;
        }
    }

    &__large {
        .wdu-collapse-item__header {
            height: 50px;
        }
    }
}
